<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
	
<ui:composition>
	<rich:spacer height="8" />

<style>
.viewsourcepanel {
	padding-bottom: 0px;
	width: 100%;
	overflow: auto;
	border-width: 0;
	background-color: #FFF;
}

.viewsourcebody {
	padding: 0;
}

.viewsourceheader {
	background-color: #E6F3F7;
	background-image: none;
	border-width: 0px;
	padding: 0px;
	height: 6px;
}

.viewsourcediv {
	padding: 0 10px 10px 3px;
}
</style>
 <f:subview >
	<div style="width: 483px" class="viewsourcediv">
	<rich:panel id="source1"
		bodyClass="viewsourcebody" headerClass="viewsourceheader"
		styleClass="viewsourcepanel">
		<div style="width: 1000px;">
		<rich:panelBar style="height:auto;border-bottom:none;" width="2500">
		<!-- Bang du lieu -->
		<h:form>
					<h:dataTable id="list" value="#{beanThongKeTheoThoiGian.list}" var="item" 
								columnClasses="column" headerClass="TableHeader" rowClasses="ROW1,ROW2" footerClass="TableFooter" 
					       style="width:100%; margin-left:0px;margin-top: 0px" cellspacing="1px;" rows="20">
						<h:column >
							<f:facet name="header">
								<h:outputText value="STT"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.stt}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Họ và tên"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.ten}" escape="false"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Năm sinh"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.namsinh}" escape="false"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Giới tính"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.gioitinh}" escape="false"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Tên cơ quan"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.coquan}" escape="false"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="HC Ngoại giao"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.hochieungoaigiao}" escape="false"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="HC Công vụ"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.hochieucongvu}" escape="false"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="HC Phổ thông"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.hochieuphothong}" escape="false"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Nơi cấp"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.noicap}" escape="false"></h:outputText>
							<f:facet name="footer">
								<rich:spacer></rich:spacer>
							</f:facet>
						</h:column>
						
						<h:column>
							<f:facet name="header">
								<h:outputText value="Ngày cấp"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.ngaycap}" escape="false"></h:outputText>
						</h:column>
						
						<h:column>
							<f:facet name="header">
								<h:outputText value="Ngày hết hạn" escape="false"></h:outputText>
							</f:facet>
							<h:outputText value="#{item.ngayhethan}" escape="false"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Hình ảnh" ></h:outputText>
							</f:facet>
							<h:graphicImage value="#{item.pathImage}" alt="" height="100px" width="100px"></h:graphicImage>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Đảng viên" ></h:outputText>
							</f:facet>
							<h:outputText value="#{item.dangvien}" escape="false"></h:outputText>
						</h:column>
					   <h:column>
						<f:facet name="header">
							<h:outputText value="Thông tin liên quan"></h:outputText>
						</f:facet>
							<h:dataTable id="list1" value="#{item.infoOthers}" var="item1" 
								columnClasses="column" headerClass="TableHeader" rowClasses="ROW1,ROW2" footerClass="TableFooter" 
					       style="width:100%; margin-left:0px;margin-top: 0px" cellspacing="1px;" rows="20">								
							
							   <h:column>
								<f:facet name="header">
									<h:outputText value="Ngày giao HC"></h:outputText>
								</f:facet>
								<h:outputText value="#{item1.ngayGiaoHC}" escape="false"></h:outputText>
								</h:column>
								<h:column>
									<f:facet name="header">
										<h:outputText value="Ngày nộp HC"></h:outputText>
									</f:facet>
									<h:outputText value="#{item1.ngayNhanHC}" escape="false"></h:outputText>
								</h:column>
								<h:column>
									<f:facet name="header">
										<h:outputText value="Nước đến"></h:outputText>
									</f:facet>
									<h:outputText value="#{item1.nuocDen}" escape="false"></h:outputText>
								</h:column>
								<h:column>
									<f:facet name="header">
										<h:outputText value="Ngày đi"></h:outputText>
									</f:facet>
									<h:outputText value="#{item1.ngayDi}" escape="false"></h:outputText>
								</h:column>
								<h:column>
									<f:facet name="header">
										<h:outputText value="Ngày về"></h:outputText>
									</f:facet>
									<h:outputText value="#{item1.ngayVe}" escape="false"></h:outputText>
								</h:column>
								<h:column>
									<f:facet name="header">
										<h:outputText value="Số quyết định"></h:outputText>
									</f:facet>
									<h:outputText value="#{item1.soQD}" escape="false"></h:outputText>
								</h:column>
								<h:column>
									<f:facet name="header">
										<h:outputText value="Tình trạng"></h:outputText>
									</f:facet>
									<h:outputText value="#{item1.tinhTrang}" escape="false"></h:outputText>
								</h:column>
							</h:dataTable>
						</h:column>
					</h:dataTable>
						<!-- phan trang -->
						<rich:datascroller align="right"  for="list" maxPages="10" />
						<!-- ket thuc phan trang -->
				</h:form>
		<!-- Ket thuc bang du lieu -->
		</rich:panelBar>
		</div>
	</rich:panel>
	</div>
</f:subview>	
</ui:composition>
</html>

